/**
 * @Description: 
 * @author Sun Yan
 * @date $
 */


/* 颜色变量 */
/* 行为相关颜色 */
$com-color-mask: rgba(0, 0, 0, 0.4);
$com-color-root-bg: rgb(4, 16, 23);
$com-color-root-navbar : #13344c;
$com-color-bright: #00ffff;
$com-color-primary: #2af0ff;
$com-color-primary-disable: #52ffff;
$com-color-info: #007aff;
$com-color-info-disable: #048bee;
$com-color-success: #48b87f;
$com-color-success-disable: #4cd964;
$com-color-warning: #f7d673;
$com-color-warning-disable: #ecfa79;
$com-color-error: #ff4f5e;

$com-color-white: #FFF;
$com-color-1: #f8f8f8;
$com-color-2: #f1f1f1;
$com-color-3: #b6c4d7;
$com-color-4: #c2beb8;
$com-color-5: #1e4760;

/* 文字基本颜色 */
$com-text-color: $com-color-primary-disable; //基本色
$com-text-color-info: $com-color-info; //基本色
$com-text-color-disable: $com-color-success;
$com-text-color-inverse: $com-color-white; //反色
$com-text-color-title: $com-color-3;
$com-text-color-grey: $com-color-4; //辅助灰色，如加载更多的提示信息
$com-text-color-placeholder: $com-color-4;

/* 背景颜色 */
$com-bg-color: $com-color-root-bg;
$com-bg-color-mask: $com-color-mask; //遮罩颜色
$com-bg-color-nav: $com-color-root-navbar;
$com-bg-color-grey: $com-color-1;
$com-bg-color-hover: $com-color-2; //点击状态颜色

/* 边框颜色 */
$com-border-color: $com-color-info; //基本色
$com-border-color-bright: $com-color-bright; //基本色


/* 尺寸变量 */
/* 文字尺寸 */
$com-font-size-sm: 24px;
$com-font-size-base: 28px;
$com-font-size-lg: 32px;

/* 图片尺寸 */
$com-img-size-sm: 40px;
$com-img-size-base: 52px;
$com-img-size-lg: 80px;

/* Border Radius */
$com-border-radius-sm: 4px;
$com-border-radius-base: 6px;
$com-border-radius-lg: 12px;
$com-border-radius-xs: 20px;
$com-border-radius-circle: 100%;

/* 水平间距 */
$com-spacing-row-sm: 10px;
$com-spacing-row-base: 20px;
$com-spacing-row-lg: 30px;

/* 垂直间距 */
$com-spacing-col-sm: 8px;
$com-spacing-col-base: 16px;
$com-spacing-col-lg: 24px;

/* 透明度 */
$com-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$com-color-title: #2C405A; // 文章标题颜色
$com-font-size-title: 40px;
$com-color-subtitle: #555555; // 二级标题颜色
$com-font-size-subtitle: 36px;
$com-color-paragraph: #3F536E; // 文章段落颜色
$com-font-size-paragraph: 30px;


//在使用阿里图标的时候可以这样
$iconArray: (

) !default;


$breakpoints: (
        'sx': 'only screen and (max-width: 767px)',
        'sm': 'only screen and (min-width: 768px)',
        'md': 'only screen and (min-width: 992px)',
        'lg': 'only screen and (min-width: 1200px)',
        'xl': 'only screen and (min-width: 1920px)'
) !default;


$breakpoint: (
        'sx' : 767px,
        'sm' : 768px,
        'md' : 992px,
        'lg' : 1200px,
        'xl' : 1920px
);

$h1List: (
        'sx': (40px, 2),
        'sm': (30px, 1.5),
        'md': (20px, 1.2),
        'lg' : (10px, 1),
        'xl' : (10px, 1),
);

$pList: (
        'sx': (26px, 1.2),
        'sm': (18px, 2.0),
        'md': (17px, 1.5),
        'lg' : (15px, 1),
        'xl' : (15px, 1),
);
